// pages/explore/explore.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    //页面滑动距离
    scrollTop:0,
    //顶部导航栏透明度
    titleOpacity:'0',
    hotelList:[{
      imgSrc:"../../images/materials/酒店1.jpg",
      title:"滩头年画主题酒店",
      address:"湖南省邵阳市隆回县大土坪附近",
      desc:"印有滩头年画元素的配套设施"
    },{
      imgSrc:"../../images/materials/酒店2.jpg",
      title:"廷泊酒店(隆回店)",
      address:"湖南省邵阳市隆回县大土坪附近",
      desc:"新中式风格"
    },{
      imgSrc:"../../images/materials/酒店3.jpg",
      title:"维也纳国际酒店(隆回高铁站店)",
      address:"湖南省邵阳市隆回县大土坪附近",
      desc:"距离县中心开车2.5公里"
    }],
    foodList:[{
      imgSrc:'../../images/materials/food1.jpg',
      title:'猪血丸子',
      desc:''
    },{
      imgSrc:'../../images/materials/food2.jpg',
      title:'龙牙百合',
      desc:''
    },{
      imgSrc:'../../images/materials/food3.jpg',
      title:'糍粑',
      desc:''
    },{
      imgSrc:'../../images/materials/food4.jpg',
      title:'山界红糖',
      desc:''
    },{
      imgSrc:'../../images/materials/food5.jpg',
      title:'中式茶饮',
      desc:''
    },{
      imgSrc:'../../images/materials/food6.jpg',
      title:'中药奶茶',
      desc:''
    },{
      imgSrc:'../../images/materials/food7.jpg',
      title:'三花茶',
      desc:''
    }],
    leftList:[{
      imgSrc:'../../images/materials/food1.jpg',
      title:'猪血丸子',
      desc:'又称血粑豆腐或猪血粑，是中国湖南省邵阳地区的一道传统名菜'
    },{
      imgSrc:'../../images/materials/food2.jpg',
      title:'龙牙百合',
      desc:'隆回龙牙百合，湖南省隆回县特产，中国国家地理标志产品'
    },{
      imgSrc:'../../images/materials/food3.jpg',
      title:'糍粑',
      desc:'在隆回，糍粑象征着丰收、喜庆、团圆和吉祥如意，很多的节庆都少不了它'
    },{
      imgSrc:'../../images/materials/food4.jpg',
      title:'山界红糖',
      desc:'又称山界古法红糖，为隆回县山界回族乡有着六百年历史的传统特色产品'
    }],
    rightList:[{
      imgSrc:'../../images/materials/food5.jpg',
      title:'中式茶饮',
      desc:'红枣、桂花、玫瑰、菊花、桂圆、茉莉等多种中式原材料烤奶茶'
    },{
      imgSrc:'../../images/materials/food6.jpg',
      title:'中药奶茶',
      desc:'采用中药药材作为奶茶底，有益身心健康'
    },{
      imgSrc:'../../images/materials/food7.jpg',
      title:'三花茶',
      desc:'金银花、玫瑰花、茉莉花，杀菌美容疏解郁闷'
    }],
    leftHeight:[],
    rightHeight:[]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    
  },
  computeLeftHeight(e){
    var imgh=e.detail.height;//图片高度
    this.data.leftHeight.push(imgh);
  },
  computeRightHeight(e){
    var imgh=e.detail.height;//图片高度
    this.data.rightHeight.push(imgh);
  },
  //监听屏幕滚动 判断上下滚动
  onPageScroll: function (ev) {
    // num决定滚动时导航栏显示的快慢
		let num = 20;
    let r = ev.scrollTop  / num;
    let opacity = r>=1?1:r;
    this.setData({
      scrollTop: ev.scrollTop,
      titleOpacity:'opacity:' +opacity
    });
    // console.log(this.scrollTop)
    // console.log(this.titleOpacity)
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})